<template>
  <component :is="comp.tabs" :push="val" />
</template>
<script>
import {
  Gamepad,
  ChartPie,
  Dragon,
  AccessibleIcon,
  Ghost,
  CarCrash,
  Gem,
  Tired,
  Torah,
  Poop,
} from "@vicons/fa";
import {
  CrownTwotone,
  MergeCellsOutlined,
  SketchOutlined,
  DeleteFilled,
  IdcardOutlined,
} from "@vicons/antd";
import { Gamification } from "@vicons/carbon";

export default defineComponent({
  setup() {
    const comp = {
      gtidc: defineAsyncComponent(() => import(`./introduction/gtidc.vue`)),
      team_data: defineAsyncComponent(() => import(`./introduction/team_data.vue`)),
      pvp44: defineAsyncComponent(() => import(`./introduction/pvp44.vue`)),
      dljjc: defineAsyncComponent(() => import(`./introduction/dljjc.vue`)),
      tabs: defineAsyncComponent(() => import(`@/comp/nav_tabs.vue`)),
      mintage: defineAsyncComponent(() => import(`./introduction/mintage.vue`)),
      diamond: defineAsyncComponent(() => import(`./introduction/diamond.vue`)),
      Recruit: defineAsyncComponent(() => import(`./introduction/Recruit.vue`)),
      pinkg: defineAsyncComponent(() => import(`./introduction/pinkg.vue`)),
      engraving: defineAsyncComponent(() => import(`./introduction/engraving.vue`)),
      outlier: defineAsyncComponent(() => import(`./introduction/outlier.vue`)),
      kr_ad: defineAsyncComponent(() => import(`./introduction/kr_ad.vue`)),
      id_link: defineAsyncComponent(() => import(`./introduction/id_link.vue`)),
      raids_qly: defineAsyncComponent(() => import(`./introduction/raids_qly.vue`)),

      //异常值查询
    };

    let val = {
      tab: [
        {
          icon: ChartPie,
          comp: comp.gtidc,
          title: `攻略`,
          ck: `Guardian_Tales_Guide`,
        },
        {
          icon: Dragon,
          comp: comp.team_data,
          title: `会战作业`,
          ck: `team_data`,
          ck11: `raids_Guide`,
        },

        {
          icon: Ghost,
          comp: comp.dljjc,
          title: `地牢作业`,
          ck: `dljjc`,
          ck11: `Dungeon_Guide`,
        },
        {
          icon: MergeCellsOutlined,
          comp: comp.pvp44,
          title: `44作业`,
          ck: `pvp44`,
        },
        {
          icon: Ghost,
          comp: comp.raids_qly,
          title: `会战队伍千里眼`,
          ck: `raids_qly`,
        },
        {
          icon: AccessibleIcon,
          comp: comp.Recruit,
          title: `公会招募`,
          ck: `Guild_Recruit`,
        },
        {
          icon: Torah,
          comp: comp.engraving,
          title: `刻印图鉴`,
          ck: `engraving_collect`,
        },
        {
          icon: Tired,
          comp: comp.outlier,
          title: `首领异常`,
          ck: `Boss_outlier`,
        },
        {
          icon: AccessibleIcon,
          comp: comp.id_link,
          title: `站外推荐`,
          ck: `Rin_POC`,
        },
      ],
    };

    return {
      comp,
      val,
    };
  },
});
</script>
